<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>小天才-在线教育学习平台</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1"/><![endif]-->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <script type="text/javascript" th:src="@{/js/js/jquery.min.js}" src="js/js/jquery.min.js"></script>
    <script type="text/javascript" th:src="@{/js/cookies.js}" src="js/cookies.js"></script>


    <!-- 右侧贴边导航购物车显示由quick_links.js控制 -->
    <!--[if lte IE 8]>
    <script src="js/ieBetter.js" </script>
    <![endif]-->
    <script type="text/javascript" th:src="@{js/parabola.js}" src="js/parabola.js"></script>

    <link rel="stylesheet" type="text/css" href="css/base1.css"/>
    <script type="text/javascript" th:src="@{js/common.js}" src="js/common.js"></script>
    <script type="text/javascript" th:src="@{js/quick_links.js}" src="js/quick_links.js"></script>
    <script type="text/javascript" th:src="@{js/validateUtil.js}" src="js/validateUtil.js"></script>
    <!--/ 右侧导航栏 -->
    <script type="text/javascript" th:src="@{js/msgbox.js}" src="js/msgbox.js"></script>
    <link rel="icon" th:href="@{/images/yx-icon.png}" href="/images/yx-icon.png"/>
    <link href="css/base.css" th:href="@{/css/base.css}" rel="stylesheet" type="text/css"/>
    <link href="css/shou.css" th:href="@{/css/shou.css}" rel="stylesheet" type="text/css"/>
    <link href="css/index.css" th:href="@{/css/index.css}" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" th:href="@{/css/msgbox.css}" href="css/msgbox.css"/>
    <style>
        .hidde {
            disable: none
        }

        .disable {
            background-color: #dddddd
        }

        dl.kc .more {
            margin-top: 140px;
        }

        .quick_links_wrap {
            width: 40px;
        }

        .mui-mbar-tabs {
            width: 40px;
        }

        .bd img {
            display: block;
        }

        .text {
            width: 290px;
            padding-left: 10px;
            outline: none;
            padding-top: 5px;
            height: 35px;
            line-height: 35px;
            border: 1px solid #CCC;
            margin-bottom: 15px;
            font-size: 14px;
        }

        #new_account {
            float: right;
            margin-right: 30px;
            color: #01a29a;
        }

        #new_account:hover {
            color: #f00;
        }

        .tipPlace {
            position: absolute;
            color: #888;
            display: none;
        }

        #login_btn {
            background: #01a29a;
            border: none;
            width: 302px;
            color: #fff;
            font-size: 20px;
            height: 43px;
            margin-top: 10px;
            cursor: pointer;
        }
    </style>
    <script type="text/javascript" th:src="@{js/main.js}" src="js/main.js"></script>
    <script src="js/md5.js" th:src="@{js/md5.js}" type="text/javascript"></script>
    <script src="js/base64.js" th:src="@{js/base64.js}" type="text/javascript"></script>

    <script type="text/javascript" th:src="@{js/browse/categoryData.js}" src="js/browse/categoryData.js"
            tppabs="http://www.yxit.net/js/browse/categoryData.js"></script>
    <script type="text/javascript" th:src="@{js/address.js}" src="js/address.js"
            tppabs="http://www.yxit.net/js/address.js"></script>
    <link href="css/list.css" th:href="@{/css/list.css}" rel="stylesheet" type="text/css"/>
    <link href="css/style.css" th:href="@{/css/list.css}" rel="stylesheet" type="text/css" media="all"/>

    <style>
        #main .sale p {
            position: absolute;
            bottom: 0px;
            background-color: #FFF;
            filter: alpha(opacity=80); /*IE滤镜，透明度80%*/
            -moz-opacity: 0.8; /*Firefox私有，透明度80%*/
            opacity: 0.8; /*其他，透明度80%*/
        }

        .sale2 {
            margin-top: 20px;
        }

        .hidden {
            display: none
        }

        ul#categoryLevel0 li {
            float: left;
            margin-right: 25px;
        }

        ul#categoryLevel0 li a {
            text-decoration: underline;
        }
    </style>
</head>

<body>
<link rel="stylesheet" th:href="@{/css/style1.css}" href="css/style1.css"/>
<script type="text/javascript" th:src="@{/js/js/jquery.qqFace.js}" src="js/js/jquery.qqFace.js"></script>
<script type="text/javascript" th:src="@{js/scrollbar/jquery.slimscroll.js}"
        src="js/scrollbar/jquery.slimscroll.js"></script>

<!-- 头部 -->
<!-- 头部 -->
<div id="header">
    <div class="top">
        <div class="left">
            <a href="/login.jsp.htm" tppabs="http://www.yxit.net/login.jsp">[[${session.USER.empName}]]</a>
            <a th:onclick="'qian('+${session.USER.id}+')'" href="javascript:void(0)">每日签到</a>
        </div>

        <div class="right">
            <a href="/study/index">首页</a>
            <a th:href="@{/study-employee/study_person(id=${session.USER.id})}">我的易学</a>
            <a th:href="@{/sel(id=${session.USER.id})}">我的收藏夹</a>
        </div>
    </div>
</div>

</div>
</div>
</div>
<!--首页头部 -->
<!--聊天框-->
<!--
-->
<div id="liaotian" style="display:none;">
    <p><a href="#0" onclick="show();return false;" style="width:15px;"></a></p>
    <ul id="fu">
    </ul>
    <div id="show"></div>
    <div class="comment">
        <div class="com_form"><span class="emotion"></span>
            <textarea class="input" id="saytext" name="saytext"></textarea>
            <input type="button" class="sub_btn" value="发送" id="sentMessage">
        </div>
    </div>
</div>
<div id="lt_bo" style="display:none;z-index:99;" onclick="sh();return false;"> 聊天记录</div>

<input type="hidden" id="isToppestPage" value="0"/>
<a href="#0" class="cd-popup-trigger5"></a>
<!--/聊天框-->

<link href="css/prettify.css" tppabs="http://www.yxit.net/css/prettify.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="js/scrollbar/prettify.js"
        tppabs="http://www.yxit.net/js/scrollbar/prettify.js"></script>
<script type="text/javascript" src="js/scrollbar/jquery.slimscroll.js"
        tppabs="http://www.yxit.net/js/scrollbar/jquery.slimscroll.js"></script>
<script type="text/javascript" src="js/appraisePage.js" tppabs="http://www.yxit.net/js/appraisePage.js"></script>
<script type="text/javascript" src="js/navigation.js" tppabs="http://www.yxit.net/js/navigation.js"></script>
<!--弹出框-->
<!--==================================-->
<link rel="stylesheet" type="text/css" href="https://www.huangwx.cn/css/sweetalert.css">
<script type="text/javascript" src="https://www.huangwx.cn/js/sweetalert-dev.js"></script>
<!--=========================================-->
<div id="index_top">
    <!-- 导航-->
    <div id="nav">
        <ul class="menu">
            <a href="/study/index">首页</a>
            <li><a href="video.htm">视频</a></li>
            <li><a href="identify.htm">考试</a></li>
        </ul>
    </div>
    <!--/导航-->
</div>
<!-- 首页头部结束 -->


<div id="main">
    <!-- 顶部筛选条件 -->
    <div class="main_right">


    </div>

    <!-- 全部课程 -->
    <div class="slideTxtBox" style="text-align: center">
        <div class="hd">
            <span class="arrow">积分商城</span>
        </div>
        <div class="bd">

            <!-- 课件 -->

            <ul class="kejian" th:each="commodity : ${pInfo.list}">
                <a>
                    <li>
                        <img th:src="${commodity.commodityImage}"
                             tppabs="http://115.29.210.249/iteasyPic/goodsIco/2015-11/51_1447752150652.jpg" height="125"
                             width="125"/>
                        <div class="right">
                            <span class="span1"><div class="name">[[${commodity.commodityName}]]</div></span>
                            <span class="span2"><div class="gs"></div></span>
                            <span class="span4">库存：[[${commodity.commodityCont}]]</span>
                            <span class="span5">所需积分:[[${commodity.commodityIntegral}]]</span>

                            <font th:if="${commodity.commodityCont!=0}" href="javascript:;"
                                  th:onclick="gm([[${commodity.commodityIntegral}]],[[${session.USER.id}]],[[${commodity.commodityCont}]],[[${commodity.commodityName}]],[[${commodity.id}]])"
                                  th:class="buttom1">立即购买</font>
                            <font th:if="${commodity.commodityCont==0}" href="javascript:;"
                             >立即购买</font>
                        </div>
                    </li>
                </a>
            </ul>
        </div>
        <script>

            function gm(commodityIntegral, id, commodityCont, commodityName, sid) {
                $.ajax({
                    type: "post",
                    url: "/study-commodity/gm",
                    data: {
                        commodityIntegral: commodityIntegral,
                        id: id,
                        commodityCont: commodityCont,
                        commodityName: commodityName,
                        sid: sid
                    },
                    success:
                        function (date) {

                            swal({
                                title: date,
                                button: "确定",
                            },function(){
                                window.location.href="/study-commodity/getcommoditylist";
                            });


                        }
                });
            }

        </script>


        <link href="css/materialdesignicons.min.css" th:href="@{/css/materialdesignicons.min.css}" rel="stylesheet">
        <style>
            .pagination {
                display: inline-block;
                padding-left: 0;
                margin: 20px 0;
                border-radius: 4px
            }

            .pagination > li {
                display: inline
            }

            .pagination > li > a, .pagination > li > span {
                position: relative;
                float: left;
                padding: 6px 12px;
                margin-left: -1px;
                line-height: 1.42857143;
                color: #337ab7;
                text-decoration: none;
                background-color: #fff;
                border: 1px solid #ddd
            }

            .pagination > li:first-child > a, .pagination > li:first-child > span {
                margin-left: 0;
                border-top-left-radius: 4px;
                border-bottom-left-radius: 4px
            }

            .pagination > li:last-child > a, .pagination > li:last-child > span {
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px
            }

            .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
                z-index: 2;
                color: #23527c;
                background-color: #eee;
                border-color: #ddd
            }

            .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
                z-index: 3;
                color: #fff;
                cursor: default;
                background-color: #337ab7;
                border-color: #337ab7
            }

            .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
                color: #777;
                cursor: not-allowed;
                background-color: #fff;
                border-color: #ddd
            }

            .pagination-lg > li > a, .pagination-lg > li > span {
                padding: 10px 16px;
                font-size: 18px;
                line-height: 1.3333333
            }

            .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px
            }

            .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
                border-top-right-radius: 6px;
                border-bottom-right-radius: 6px
            }

            .pagination-sm > li > a, .pagination-sm > li > span {
                padding: 5px 10px;
                font-size: 12px;
                line-height: 1.5
            }

            .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
                border-top-left-radius: 3px;
                border-bottom-left-radius: 3px
            }

            .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px
            }

            .pagination > li > a,
            .pagination > li > span {
                padding: 0px 8px;
                margin: 0 3px;
                color: #6c757d;
                border-color: #dee2e6;
                line-height: 29px;
                min-width: 31px;
                text-align: center;
                -webkit-border-radius: 2px;
                border-radius: 2px;
            }

            .pagination-sm > li > a,
            .pagination-sm > li > span {
                padding: 0;
                min-width: 26px;
                line-height: 24px;
            }

            .pagination-lg > li > a,
            .pagination-lg > li > span {
                padding: 0;
                min-width: 37px;
                line-height: 35px;
            }

            .pagination > li > a:hover,
            .pagination > li > a:focus
            .pagination > li > span:hover,
            .pagination > li > span:focus {
                background-color: #f9fafb;
                color: #4d5259;
            }

            .pagination > li:first-child a,
            .pagination > li:first-child span {
                -webkit-border-radius: 2px;
                border-radius: 2px;
            }

            .pagination > li:last-child a,
            .pagination > li:last-child span {
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px;
            }

            .pagination > .active > a,
            .pagination > .active > a:focus,
            .pagination > .active > a:hover,
            .pagination > .active > span,
            .pagination > .active > span:focus,
            .pagination > .active > span:hover {
                background-color: #33cabb;
                border-color: #33cabb;
            }

            .pagination > .disabled > a,
            .pagination > .disabled > a:focus,
            .pagination > .disabled > a:hover,
            .pagination > .disabled > span,
            .pagination > .disabled > span:focus,
            .pagination > .disabled > span:hover {
                color: #6c757d;
                opacity: 0.6;
            }

            .pagination.no-border > li a,
            .pagination.no-border > li span {
                border: none;
            }

            .pagination-circle > li a,
            .pagination-circle > li span {
                -webkit-border-radius: 50% !important;
                border-radius: 50% !important;
            }

            .pagination.no-gutters > li a,
            .pagination.no-gutters > li span {
                margin: 0;
                margin-left: -1px;
                -webkit-border-radius: 0 !important;
                border-radius: 0 !important;
            }

            [data-theme='dark'] .pagination > li > a,
            [data-theme='dark'] .pagination > li > span {
                border-color: #303243 !important;
                background-color: #1D1F2F !important;
            }

            [data-theme='dark'] .pagination > li > a:hover,
            [data-theme='dark'] .pagination > li > a:focus
            [data-theme='dark'] .pagination > li > span:hover,
            [data-theme='dark'] .pagination > li > span:focus {
                background-color: #191A28;
                color: #8c909a;
            }

            [data-theme='dark'] .pagination > .active > a,
            [data-theme='dark'] .pagination > .active > a:focus,
            [data-theme='dark'] .pagination > .active > a:hover,
            [data-theme='dark'] .pagination > .active > span,
            [data-theme='dark'] .pagination > .active > span:focus,
            [data-theme='dark'] .pagination > .active > span:hover {
                border-color: #303243;
                background-color: #191A28;
                color: #fff;
            }

            .pagination-circle > li a,
            .pagination-circle > li span {
                -webkit-border-radius: 50% !important;
                border-radius: 50% !important;
            }
        </style>


        <!-- 分页 -->
        <form action="/study-commodity/getcommoditylist" id="biao">
            <input type="hidden" value="1" id="pn" name="pn"/>

            <div class="col-md-4">总记录数[[${pInfo.total}]] [[${pInfo.pageNum}]]/
                [[${pInfo.pages}]]页
            </div>
            <ul class="pagination pagination-circle">
                <li th:class="${pInfo.isFirstPage}?'disabled'">
                    <a href="javascript:;" th:onclick="'ym('+${pInfo.prePage}+')'">
                        <span><i class="mdi mdi-chevron-left"></i></span>
                    </a>
                </li>
                <li th:class="${page_Num==pInfo.pageNum}?'active':''" th:each="page_Num:${pInfo.navigatepageNums}">
                    <a th:onclick="'ym('+${page_Num}+')'" href="javascript:;">[[${page_Num}]]</a>
                </li>

                <li th:class="${pInfo.isLastPage}?'disabled'">
                    <a href="javascript:;" th:onclick="'ym('+${pInfo.nextPage}+')'">
                        <span><i class="mdi mdi-chevron-right"></i></span>
                    </a>
                </li>

            </ul>

        </form>

        <script type="text/javascript" th:src="@{/js/jquery.min.js}" src="js/jquery.min.js"></script>
        <script type="text/javascript" th:src="@{/js/bootstrap.min.js}" src="js/bootstrap.min.js"></script>
        <script type="text/javascript" th:src="@{/js/perfect-scrollbar.min.js}"
                src="js/perfect-scrollbar.min.js"></script>
        <script type="text/javascript" th:src="@{/js/main.min.js}" src="js/main.min.js"></script>


        <script>
            function ym(pn, isLastPage) {
                if (pn == 0) {
                    return
                }
                $("#pn").attr("value", pn);
                $("#biao").submit();

            }

        </script>
        <!--/ 分页 -->


    </div>
</div>
<div class="left-navi">
    <input type="button" class="left-chat" title="咨询"/>
    <div id="leftNavigation">
        <a class="l-navi register_a" target="_blank" href="userCenter/register.html"
           tppabs="http://www.yxit.net/userCenter/register.html">立即注册</a>
        <a class="l-navi consult_a" target="_blank"
           href="javascript:if(confirm('http://p.qiao.baidu.com/cps/chat?siteId=11592123&userId=24958462  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ������ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://p.qiao.baidu.com/cps/chat?siteId=11592123&userId=24958462'"
           tppabs="http://p.qiao.baidu.com/cps/chat?siteId=11592123&userId=24958462">在线咨询</a>
        <a href="javascript:;" class="l-close">×</a>
    </div>

</div>
<input type="hidden" id="rightMenuGoodsId" value="-1"/>
<div style="display:none;">
    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cspan id='cnzz_stat_icon_1257031534'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D1257031534' type='text/javascript'%3E%3C/script%3E"));
    </script>
</div>
<div class="footer">
    <div class="footer-main">
        <div class="footer-link">
            <h4>交流合作</h4>
            <ul>
                <li><a href="common/help/aboutUs.html" tppabs="http://www.yxit.net/common/help/aboutUs.html">关于我们</a>
                </li>
                <li><a href="common/help/contactUs.html"
                       tppabs="http://www.yxit.net/common/help/contactUs.html">联系我们</a></li>
                <li><a href="common/help/advService.html" tppabs="http://www.yxit.net/common/help/advService.html">广告合作
                </li>
                <li><a href="common/help/disclaimer.html"
                       tppabs="http://www.yxit.net/common/help/disclaimer.html">免责申明</a></li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>帮助中心</h4>
            <ul>
                <li><a href="wd.htm" tppabs="http://www.yxit.net/wd.htm">技术问答</a></li>
                <li><a href="common/help/afterSale.html"
                       tppabs="http://www.yxit.net/common/help/afterSale.html">售后帮助</a></li>
                <li><a href="common/help/refundRule.html"
                       tppabs="http://www.yxit.net/common/help/refundRule.html">退款帮助</a></li>
                <li><a href="sitemap.html" tppabs="http://www.yxit.net/sitemap.html">网站地图</a></li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>我是学员</h4>
            <ul>
                <li><a href="common/help/buyGoods.html" tppabs="http://www.yxit.net/common/help/buyGoods.html">如何学习</a>
                </li>
                <li><a href="study.htm" tppabs="http://www.yxit.net/study.htm">抱团学习</a></li>
                <li><a href="login.jsp.htm" tppabs="http://www.yxit.net/userCenter/purchasedGoodsList.html">我的课程</a>
                </li>
                <li><a href="question/myQuestion.html" tppabs="http://www.yxit.net/question/myQuestion.html">我的问答</a>
                </li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>我是讲师</h4>
            <ul>
                <li><a href="common/help/teacherRegister.html"
                       tppabs="http://www.yxit.net/common/help/teacherRegister.html">讲师入驻</a></li>
                <li><a href="common/help/issueFaceCourse.html"
                       tppabs="http://www.yxit.net/common/help/issueFaceCourse.html">发布课程</a></li>
                <!--<li><a href="/question/myQuestion.html">如何开课</a></li>-->
                <li><a href="common/help/studyhelp.html"
                       tppabs="http://www.yxit.net/common/help/studyhelp.html">寻找学员</a></li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>我是企业</h4>
            <ul>
                <li><a href="common/help/aboutSchool.html" tppabs="http://www.yxit.net/common/help/aboutSchool.html">关于入驻</a>
                </li>
                <li><a href="common/help/toBeSchool.html"
                       tppabs="http://www.yxit.net/common/help/toBeSchool.html">学校入驻</a></li>
                <li><a href="common/help/schooldeco.html"
                       tppabs="http://www.yxit.net/common/help/schooldeco.html">学校装修</a></li>
                <li><a href="common/help/marketcenter.html" tppabs="http://www.yxit.net/common/help/marketcenter.html">营销中心</a>
                </li>
            </ul>
        </div>

    </div>
    <p class="footer-record">Copyright ©2015-2020 博睿（广州）科技有限公司 地址： <a>广州市天河区科韵路棠安路188号</a> 邮编：<a>510000</a> 网站备案号： <a
            href="javascript:if(confirm('http://beian.miit.gov.cn/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ������ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://beian.miit.gov.cn/'"
            tppabs="http://beian.miit.gov.cn/" target="_blank">粤ICP备17128079号-2</a></p>
    <style>
        .footer {
            width: 100%;
            background: #2e2e2e;
            padding-bottom: 20px;
            overflow: auto;
        }

        .footer-main {
            width: 1140px;
            margin: 0 auto;
            margin-top: 20px;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            padding: 30px 30px 0;
            text-align: center;
            overflow: auto;
        }

        .footer-main .footer-link {
            width: 140px;
            line-height: 35px;
            float: left;
            margin-bottom: 20px;
        }

        .footer-main .footer-link h4 {
            font-size: 16px;
            color: #fff;
        }

        .footer-main .footer-link a {
            color: #fff;
        }

        .footer-contact {
            width: 400px;
            float: right;
        }

        .footer-contact-num {
            width: 370px;
            height: 40px;
            border: 1px solid #edd70d;
            padding: 10px;
            text-align: left;
        }

        .footer-contact-num label {
            float: left;
            width: 40px;
            height: 40px;
        }

        .footer-contact-num p {
            float: left;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            margin: 0 10px
        }

        .contact-img {
            width: 45px;
            height: 45px;
            margin: 20px 20px 0;
        }

        #weichatDiv {
            position: absolute;
            display: none;
        }

        #weichatDiv img {
            position: absolute;
            left: 137px;
            top: -44px;
            border: 5px solid #fff;
        }

        .footer-record {
            text-align: center;
            font-size: 12px;
            color: #fff;
            margin-top: 10px;
        }

        .footer-record a {
            color: #fff;
        }
    </style>

    <script>
        function qian(empid) {
            $.ajax({
                type: "get",
                url: "/study-integral/signin/" + empid,
                success:
                    function (date) {
                        swal(date)

                    }
            });
        }
    </script>
</div>
</body>
</html>
